<script setup>

import {ref} from "vue";

const displayed = defineModel( {type: Boolean, default: true})
const title = ref('Notify')
const width = ref('50%')
defineExpose({title: title})
</script>

<template>

  <el-dialog
      :title="title"
      :width="width"
      align-center
      :close-on-press-escape="false"
      :close-on-click-modal="false"
      :destroy-on-close="true"
      v-model="displayed">

    <slot></slot>
    <template #footer>
      <slot name="footer"></slot>
    </template>
  </el-dialog>
</template>

<style scoped>

</style>